import React,{useState} from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import './index.css'

// root节点为什么叫根节点？
// root节点范围内 react起作用
// html->js
// JSX js 扩展语法  只在react中可以生效
// React 用来表达UI组件
// JSX 优点 UI 简单 方便
// JSX class不能用，得用classname
// js class ?关键字
// let name = '解封';
// const element = <h1 classname="ji-bd">Hello,{name}!</h1>;
// //自定义组件
// const Hello = () => {
//   //JSX
//   return <div>hello {name}</div>
// }
// let [dataStr,setDataStr] = useState();
let dataStr = new Date().toLocaleTimeString();
setInterval(()=>{
  dataStr = new Date().toLocaleTimeString();
},1000)
ReactDOM.createRoot(document.getElementById('root')).render(
  // element
  // <Hello></Hello>
  // UI大舞台
  <div>
    <h1>Hello,world</h1>
    <h2>现在是 {dataStr}</h2>
  </div>
)


